<template>
  <uv-radio-group :value="value" @update:value="updateValue" :disabled="readonly || field.disabled">
    <uv-radio iconColor="#fff" activeColor="#fb5f46" v-for="option in field.option" :key="option.value" :label="option.label" :name="option.value" class="mar10" />
  </uv-radio-group>
</template>

<script>
export default {
  props: {
    value: String,
    field: Object,
    readonly: Boolean,
  },
  methods: {
    updateValue(newValue) {
      this.$emit('update:value', newValue);
    },
  },
};
</script>
